{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-CN" xmlns:background-image="" xmlns:background-color="http://www.w3.org/1999/xhtml"
      xmlns:-webkit-animation="http://www.w3.org/1999/xhtml" xmlns:margin-top="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no">
    <title>西安理工大学二手书交易网</title>
    <link href="{% static 'css_js/css/bootstrap.css' %}" rel="stylesheet">
    <link href="{% static 'css_js/css/font-awesome.css' %}" rel="stylesheet">
    <link href="{% static 'css_js/css/index.css' %}" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
          crossorigin="anonymous">

</head>
<body>
<div class="MyBody" id="MyBody" margin-top: 20px;>
    <div>
        <a href="{% url 'Index:Built1' %}">
            <img class="Side3" src="{% static 'images/J1.jpg' %}" style="float: left" width="110" height="160"
                 alt="图片未找到">
            <img class="Side4" src="{% static 'images/J1.jpg' %}" style="float: right" width="110" height="160"
                 alt="图片未找到">
        </a>
    </div>
    <div class="container">
        <div class="top"></div>
        {% include 'header.html' %}
        <!-- 广告轮播开始 -->
        <section id="main_ad" class="carousel slide" data-ride="carousel">
            <!-- 下面的小点点，活动指示器 -->
            <ol class="carousel-indicators">
                <li data-target="#main_ad" data-slide-to="0" class="active"></li>
                <li data-target="#main_ad" data-slide-to="1"></li>
                <li data-target="#main_ad" data-slide-to="2"></li>
                <li data-target="#main_ad" data-slide-to="3"></li>
            </ol>
            <!-- 轮播项 -->
            <div class="carousel-inner" role="listbox">
                <div class="item active" data-image-lg="{% static 'images/i4.jpg' %}"></div>
                <div class="item" data-image-lg="{% static 'images/i2.jpg' %}"></div>
                <div class="item" data-image-lg="{% static 'images/i3.jpg' %}"></div>
                <div class="item" data-image-lg="{% static 'images/i1.jpg' %}"></div>
            </div>
            <!-- 控制按钮 -->
            <a class="left carousel-control" href="#main_ad" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">上一页</span>
            </a>
            <a class="right carousel-control" href="#main_ad" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">下一页</span>
            </a>
        </section>
        <!-- /广告轮播结束 -->


        <section id="tese">
            <div class="container">
                <div class="row">
                    <div class="col-xs-6 col-md-4">
                        <div class="card" style="width: 18rem ;background-color: #e4eed1;">
                            <img src="{% static 'images/t1.jpg' %}" class="card-img-top" alt="图片未找到">
                            <div class="card-body">
                                <h5 class="card-title">计算机网络（第七版）</h5>
                                <p class="card-text">电子工业出版社</p>
                                <a href="Book/frontShow/1001" class="btn btn-primary">去看看</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-md-4">
                        <div class="card" style="width: 18rem;background-color: #e4eed1;">
                            <img src="{% static 'images/t2.jpg' %}" class="card-img-top" alt="图片未找到">
                            <div class="card-body">
                                <h5 class="card-title">数据结构（C++语言版）</h5>
                                <p class="card-text">清华大学出版社</p>
                                <a href="Book/frontShow/1002" class="btn btn-primary">去看看</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-md-4">
                        <div class="card" style="width: 18rem;background-color: #e4eed1;">
                            <img src="{% static 'images/t3.jpg' %}" class="card-img-top" alt="图片未找到">
                            <div class="card-body">
                                <h5 class="card-title">如何套取富婆欢心</h5>
                                <p class="card-text">蓝鲸出版社</p>
                                <a href="Book/frontShow/1003" class="btn btn-primary">去看看</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-md-4">
                        <div class="card" style="width: 18rem;background-color: #e4eed1;">
                            <img src="{% static 'images/t4.jpg' %}" class="card-img-top" alt="图片未找到">
                            <div class="card-body">
                                <h5 class="card-title">软件工程导论（第六版）</h5>
                                <p class="card-text">清华大学出版社</p>
                                <a href="Book/frontShow/1004" class="btn btn-primary">去看看</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-md-4">
                        <div class="card" style="width: 18rem;background-color: #e4eed1;">
                            <img src="{% static 'images/t5.jpg' %}" class="card-img-top" alt="图片未找到">
                            <div class="card-body">
                                <h5 class="card-title">离散数学</h5>
                                <p class="card-text">上海科学技术文献出版社</p>
                                <a href="Book/frontShow/1005" class="btn btn-primary">去看看</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-md-4">
                        <div class="card" style="width: 18rem;background-color: #e4eed1;">
                            <img src="{% static 'images/t6.jpg' %}" class="card-img-top" alt="图片未找到">
                            <div class="card-body">
                                <div style="">
                                    <h5 class="card-title" style="">计算机算法设计与分析</h5>
                                    <p class="card-text">电子工业出版社</p>
                                </div>
                                <a href="Book/frontShow/1006" class="btn btn-primary">去看看</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        {% include 'footer.html' %}
    </div>
    <script src="{% static 'css_js/js/jquery.min.js' %}"></script>
    <script src="{% static 'css_js/js/bootstrap.js' %}"></script>
    <script src="{% static 'css_js/js/index.js' %}"></script>
</div>
</body>
</html>
